body {
height: 100%;
overflow: auto;
}

* { padding: 0; margin: 0; }

#wrapper { 
 margin: 0 auto;
 width: 100%;
 height: 100%;
}

#header {
	clear: both;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 24px;
	width: 195px;
	padding: 0;
	margin: 0px;
	overflow: auto; /*Fix for IE*/
 	z-index: 998;
	border-left: 0px solid #6D84B4;
	background-color: #F7F7F7;
}

#footer {
	 clear: both;
	 position: fixed;
	 bottom: 0;
	 margin-bottom: 0px;
	 overflow: hidden;
	 /* overflow: auto; /*Fix for IE*/
	 width: 100%;
	 background-color: #fff;
	 border-top: 2px solid #6980AF;
	 color: #3F4C6B;
	 font: small-caps bold 12px Georgia, "Times New Roman", Times, serif;
	 z-index: 99999999;
	 /*-moz-border-radius: 20px 20px 0px 0px;*/
}

#footer_container{
	padding-top: 2px;
	background-color: #F7F7F7;
	height: auto;
	}
#footer_menuTable li{
	display: inline;
	padding: 0px 3px 0px 3px;
	margin: 0;
}
#footer_menuTable ul{
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
}

.footerMenuTableClass{
	padding: 0px 5px 0px 5px;
	}

#footer a {
	text-decoration: none;
	/*color: #3F4C6B;*/
}

.clear { clear: both; background: none; }

table.propTable{
	}
	
.textLabel{
	font: 10px Verdana,sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}

#moreLink{
	font: 10px Verdana,sans-serif #999;
	padding-right: 5px;
	padding-left: 5px;
}
#moreLink a{
	color: #ff6600;
}
#moreLink a:hover {
	text-decoration: underline;
	color: #000000;
	padding: 0;
	padding-right: 5px;
	padding-left: 5px;
}
#loading{
	background-color:  #ff6600;
	font: 20px small-caps Verdana,sans-serif #fff;
	z-index: 99999999999;
	top: 0;
	left: 0;
	position: fixed;
}
input option textarea{
	font-size:8.5px;
	padding:0;
	letter-spacing:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 10px;
}

.inputClass{
	font-size:9px;
	padding:0;
	letter-spacing:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 10px;
}

#editor{
	height: 200px;
	background:#666666;
	}
	
#dot_divLayerPanel {
 right: 0;
 z-index: 9999999;
 width:149px; 
 height: auto;
 color: #3F4C6B;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 overflow: auto;
 background-color: #F9F7ED;
}

.panelHdr {
	background-color: #CCCCFF;
}

.panelClm {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F9F7ED;
	padding-left: 5px;
	border-bottom: solid #A8A6C6 1px;
}

label { display:block;float:left;width:45%;clear:left; }
/* .subject {
    font-family: Verdana;
    font-size: 18px;
    color: black;
    font-weight: bold;
    background-color:#CCCCCC
}*/
.text {
    font-family: Verdana;
    font-size: 14px;
    color: black;
    background-color:#CCCCCC
}

/******************
	fonts.css
*******************/
/** Percents could work for IE, but for backCompat purposes, we are using keywords.  x-small is for IE6/7 quirks mode. */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
/*table {font-size:inherit;font:100%;}*/

/** 99% for safari; 100% is too large  */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/** Bump up !IE to get to 13px equivalent  */
pre, code {font:115% monospace;*font-size:100%;}

/** Default line-height based on font-size rather than "computed-value";      see: http://www.w3.org/TR/CSS21/visudet.html#line-height  */
/* body * {line-height:1.22em;} */

/******************
buttons
***************** */
.eyeBtn{
	background: url(../img/icon_view.gif) no-repeat center;
	width: 20px;
	height: 20px;
	border: none;
}
.eyeBtnBW{
	background: url(../img/icon_view_bw.gif) no-repeat center;
	width: 20px;
	height: 20px;
	border: none;
}

.withBorder{
	border: double 2px #000000;
	padding: 0px;
}

/*
* FILE BROWSER
*/
  #fileBrowserWindow { 
	right:0;
	/*position:fixed;
	background: #F9F7ED;*/
	width: 149px;
	height: auto;
	overflow: auto;
	z-index: 9999999;
	color: #3F4C6B;
  }
  
  .browserDirectory{
  	margin-left: 2px;
	font-size: 12px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  
  .browserImg {
  	z-index: 999999999;
  	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: 5px;
  }
  
   .panel_header { 
   background: #3B4A69;/* #515257 */
	color: #fff;
	font: small-caps bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	border-bottom: 2px solid #6980AF;
	cursor: pointer;
	vertical-align: middle;
  }
  
  .panel_header img { vertical-align: middle; }
  
  .cssLeft{
  	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  
  .cssRight{
  	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  
/*
*	SUGGESTION
*/

 .suggestion_list
 {
 background-color: #fff;
 border-left: 1px dashed #778;
 border-right: 1px dashed #778;
 border-bottom: 1px dashed #778;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding: 1px;
 }

 .suggestion_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

 .suggestion_list a
 {
 text-decoration: none;
 color: navy;
 }

 .suggestion_list .selectedElement
 {
 background: navy;
 color: white;
 }

 .suggestion_list .selectedElement a
 {
 color: white;
 }

 #cssPanelPropertyAutosuggest
 {
 	width: auto;
	overflow-x: auto;
/* display: none;*/
 position: relative;
 z-index: 99999999;
 }
 
 .textLabel2{
	font: 10px Verdana,sans-serif;
	overflow: visible;
}

#colorSelectorNew{
	background-color: #F9F7ED;
	-moz-border-radius: 20px;
	border: dotted 1px #999999;
	width: 150px;
	height: 140px;
}

.javascriptFileDiv {
	z-index: 999999999;
  	background-color: #fff;
	border: solid 1px #a9a9a9;
	padding: 4px;
	margin: 5px;
	width: 100px;
	height: 30px;
}

#dot_customJSPanel{
	/*width:149px;*/
}


/* TEXT EDITOR*/
.inplaceeditor-saving { }
	  
form.inplaceeditor-form { /* The form */
		}
		
form.inplaceeditor-form input[type="text"] { /* Input box */
		}
		
form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	background-color: transparent;
	border: dotted 1px;
}
	
form.inplaceeditor-form input[type="submit"] { /* The submit button */
	margin-left:1em;
}
		
form.inplaceeditor-form a { /* The cancel link */
	margin-left:1em;
}

/*
 * RIGHT CLICK MENU
*/
.rightClickMenu {
	position:absolute;
	width: 150px;
	border: solid 1px #EEEEEE;
	background-color: #F9F7ED;
	}
	
.rightClickMenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.rightClickMenu li a {	
  	voice-family: "\"}\""; 
	text-decoration: none;
	}	
	
.rightClickMenu li a:link, #menu3 li a:visited {
	background-color: #F9F7ED;
	color: #36393D;
	font: bold 12px Arial, Helvetica, sans-serif;
    cursor: hand;
    padding: 0pt;
	display: block;
	}
	
.rightClickMenu li a:hover {
	color: #000000;
	background-color: #C3D9FF;
	padding: 0;
	}
	
#element_buttons ul td {
	font: small-caps bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	padding: 0;
	margin: 0;
}
#first_column li { margin: 0px 1px 0px 1px; text-align:left; padding: 0 0 0 0px; }
#second_column li { margin: 5px 0pt 5px 5px; text-align:left; padding: 0px; }

#element_buttons a { 
	border-style: solid; 
	border-color: rgb(238, 238, 238) rgb(222, 222, 222) rgb(222, 222, 222) rgb(238, 238, 238); 
	border-width: 1px; 
	padding: 0; 
	display: block; 
	background-color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
	color: rgb(86, 86, 86); 
	background-repeat: no-repeat; 
	/*background-position: 7px center;*/
}
#element_buttons a:hover { 
	border: 1px solid #4B75B3; 
	background-color: #DDF0F8;  
	color: rgb(68, 68, 68); 
}
#element_buttons a:active { 
	border: 1px solid rgb(147, 184, 37); 
	background-color: rgb(193, 223, 93); 
	color: rgb(51, 51, 51); 
}

#dot_customJSPanel_table a{
	text-decoration: none;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#headerList li{
	list-style: none;
	}

.headerListSortHandle {
	float:right;
}

#resizeHandle{
	position: relative;
	z-index: 999999999;
	cursor: nw-resize;
	width:11px;
    height:11px;
    margin:0px;
	line-height:11px;
}

/*
*  MODALBOX START
*/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	/*background: transparent url(spinner.gif) 50% 0 no-repeat;*/
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }

/*
 * MODALBOX END
 */
 
/*
 * ADVANCED CSS PANEL STARTS
 */
	#cssPropertiesTable td
	{
		border		: 1px solid #9cf;
		font		: 12px small-caps verdana;
		vertical-align	: top;
	}
	#cssPropertiesTable td ul
	{
		padding		: 0;
		margin		: 0;
	}
	#cssPropertiesTable td li
	{
		font		: 11px small-caps verdana;
		cursor		: pointer;
		list-style	: none;
		line-height	: 100%;
		color		: #666;
	}
	#cssPropertiesTable td li:hover
	{
		background-color: #B4D8E8;
		color		: #000;
	}
	#cssPropertiesSelect1, #cssPropertiesSelect2, #cssPropertiesValuesTD{
		cursor: pointer;
		overflow: auto;
	}
	

/*
* 	help flle
*/
.helpContent{ 
 color: #3F4C6B;
 font: 11px sans-serif;
}

.hdr{ 
 color: #000000;
 font: bold 12px sans-serif;
}

.helpContent ul{ 
	margin-left: 15px;
}

.helpContent li{ 
	font: 11px sans-serif;
	display: list-item;
	padding-left: 4px;
}